<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<meta name="author" content="msleft" />
<meta name="Copyright" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title></title>
<link rel="Shortcut Icon" href="images/en/favicon.ico" type="image/x-icon" />
<link rel="Bookmark" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<div class="container">
<div id="header">
	<div class="header_tool"><a href="" title="" class="sign">Sign in <i>or</i> Create account</a><a href="" title="" class="cart">Shopping Cart</a></div>
	<div class="header_cons">
		<div class="cons">
			<a href="#" title="" id="logo"><img src="images/logo.jpg" alt="DAFT SHOPPING" /></a>
			<div class="image_container banner"><img alt="" src="upfile/banner.jpg"/></div>
		</div>
	</div>
	<div class="header_nav">
		<ul>
			<li><a href="#" title="">TODAY</a></li>
			<li><a href="#" title="">GIFT CARD</a></li>
			<li><a href="#" title="">FEEDBACK</a></li>
		</ul>
	</div> <!-- header_nav end -->
	<div class="head_share">
		<ul>
			<li><a href="#" title=""><img src="images/sociable/social_facebook.gif" alt="" /></a></li>
			<li><a href="#" title=""><img src="images/sociable/social_twitter.gif" alt="" /></a></li>
			<li><a href="#" title=""><img src="images/sociable/social_delicious.gif" alt="" /></a></li>
			<li><a href="#" title=""><img src="images/sociable/social_digg.gif" alt="" /></a></li>
		</ul>
	</div> <!-- head_share end -->
</div> <!-- header end  --> 
<div class="wrap">
<div class="left">
	<div id="nav">
		<dl>
			<dt class="select first"><span>CATEGORY</span></dt>
			<dd style="display:block;">
				<ul class="level_1">
					<li class="first"><a href="#" title="">APPAREL</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
					<li><a href="#" title="">SHOES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Office</a></li>
							<li class="last"><a href="#" title="">Casual</a></li>
						</ul>
					</li>
					<li><a href="#" title="">ACCESSORIES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
				</ul>
			</dd>
			<dt><span>BY BRAND</span></dt>
			<dd>
				<ul class="level_1">
					<li class="first"><a href="#" title="">APPAREL</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
					<li><a href="#" title="">SHOES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Office</a></li>
							<li class="last"><a href="#" title="">Casual</a></li>
						</ul>
					</li>
					<li><a href="#" title="">ACCESSORIES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
				</ul>
			</dd>
			<dt class="last"><span>POPULAR SEARCHES</span></dt>
			<dd></dd>
		</dl>
	</div><!-- nav end -->
</div> <!-- left end -->
<div class="main_coloum" id="shopping">
<div class="main">
	<div class="path">&gt; <a href="#" title="">RETURN TO ORDER HISTORY</a></div>
	<div id="checkout">
		<div class="note">PLEASE REVIEW YOUR ORDER INFORMATION FOR ACCURACY AND BE SURE TO ENTER YOUR CARD'S CID CODE  (THE 3 OR 4 DIGIT SECURITY CODE PRINTED ON THE BACK OF YOUR CREDIT CARD) IN THE PAYMENT METHOD BOX BELOW, THEN CLICK THE SUBMIT BUTTON.</div>
		<ul class="order_method">
			<li>
				<h4>DEFAULT SHIPPING ADDRESS</h4>
				<p class="tool"><a href="#" title="edit" class="edit">edit</a></p>
				<p>RM202 BLDG 6 LANE 501 MENGZI LU, LUWAN DISTRICT SHANGHAI 200023 CHINA</p>
			</li>
			<li>
				<h4>DEFAULT SHIPPING METHOD</h4>
				<p class="tool"><a href="#" title="edit" class="edit">edit</a></p>
				<p>STANDARD (RMB10.00)</p>
				<p><small>Your package will arrive within 2~3 days.</small></p>
			</li>
			<li>
				<h4>DEFAULT PAYMENT METHOD</h4>
				<p class="tool"><a href="#" title="edit" class="edit">edit</a><a href="#" title="remove" class="edit">remove</a></p>
				<p>MASTERCARD</p>
				<p>XXXX-XXXX-XXXX-9073(06-2010)</p>
			</li>
			<li>
				<h4>DEFAULT PAYMENT METHOD</h4>
				<p class="tool"><a href="#" title="edit" class="edit">edit</a><a href="#" title="remove" class="edit">remove</a></p>
				<p>MASTERCARD</p>
				<p>XXXX-XXXX-XXXX-9073(06-2010)</p>
				<p>Security code:<input type="text" name="security_code" value="" class="text code" /></p>
			</li>
		</ul> <!-- order_method end -->

		<h3>ORDER SUMMERY</h3>
		<table class="cart_item">
			<tr>
				<td rowspan="2" class="td_pic"><img src="upfile/shopping_product.jpg" alt="" /></td>
				<td class="td_info">
					<h4>Floral Board Shorts</h4>
					<small>SKU #15714132</small>
				</td>
				<td rowspan="2" class="td_skin">
					<div class="skin">
						<p>
							<label>COLOR</label>
							<span class="skin_value">PINK</span>
							<a href="#" title="" class="update">REMOVE FROM CART</a>
						</p>
						<p>
							<label>SIZE</label>
							<span class="skin_value">42</span>
						</p>
						<p>
							<label>QUANTITY</label>
							<span class="skin_value">1</span>
						</p>
					</div>
				</td>
				<td rowspan="2" class="unit_price"><strong>RMB 49.00</strong><small>was RMB 89.00</small></td>
			</tr>
			<tr><td class="error">Out of stock - Please remove from your cart.</td></tr>
		</table>
		<table class="cart_item">
			<tr>
				<td rowspan="2" class="td_pic"><img src="upfile/shopping_product.jpg" alt="" /></td>
				<td class="td_info">
					<h4>Floral Board Shorts</h4>
					<small>SKU #15714132</small>
				</td>
				<td rowspan="2" class="td_skin">
					<div class="skin">
						<p>
							<label>COLOR</label>
							<span class="skin_value">PINK</span>
							<a href="#" title="" class="update">UPDATE CART</a>
						</p>
						<p>
							<label>SIZE</label>
							<span class="skin_value">ONE SIZE</span>
						</p>
						<p>
							<label>QUANTITY</label>
							<span class="skin_value">1</span>
						</p>
					</div>
				</td>
				<td rowspan="2" class="unit_price"><strong>RMB 49.00</strong></td>
			</tr>
			<tr><td class="error"></td></tr>
		</table>
		<div class="count_price">
			<p>SUBTOTAL: <span>RMB98.00</span></p>
			<p>SHIPPING: <span>RMB10.00</span></p>
			<p class="order_givevoucher">GIVE VOUCHER: <span>- RMB50.00</span></p>
		</div> <!-- order_price end -->
		<div class="total_price">
			<small>TOTAL //</small>
			<span>RMB54.00</span>
		</div> <!-- total_price end -->
		
		

	</div> <!-- order_summery end -->
</div> <!-- main end -->
</div> <!-- main_coloum end -->
</div> <!-- wrap  -->
<div id="footer">
	<div class="footer_column">
		<h4>CUSTOMER SERVICE</h4>
		<p><a href="#" title="">Shipping info</a></p>
		<p><a href="#" title="">Order tracking</a></p>
		<p><a href="#" title="">Return policy</a></p>
		<p><a href="#" title="">CS@daftshopping.com</a></p>
	</div>
	<div class="footer_column">
		<h4>PAYMENT METHOD</h4>
		<p><a href="#" title="">Paypal</a></p>
		<p><a href="#" title="">Credit Card</a></p>
		<p><a href="#" title="">Cash Upon Delivery</a></p>
	</div>
	<div class="footer_column">
		<h4>CONTACT DAFT</h4>
		<p><a href="#" title="">Info@daftshopping.com</a></p>
		<p><a href="#" title="">Toll-free 400-800-1234</a></p>
	</div>
	<div class="mod_box_items subscribe block">
		<div class="ce_text">
			
			<div class="ce_text block">
					<form method="post" action="">
						<p>
							<input type="text" value="Subscribe our e-newsletter" class="text" name="email"/>
							<input type="submit" value="SUBMIT" name="submit" class="submit" />
						</p>
					</form>
			</div>
			<div class="ce_text block">
				<p>DAFT on <a href="#" title="">Facebook</a>  |  <a href="#" title="">Twitter</a>  |  <a href="#" title="">Delicious</a></p>
			</div>
		</div>
	</div> <!-- mod_box_items end -->
	<div class="copyright">
		<p>Copyright&copy;Daft &amp; its Partners 2009 | Terms & Conditions  |  Privacy Policy </p>
		<p>DAFT hates spam. Your personal information is safe with us.</p>
	</div>	
</div><!-- footer end -->
</div><!-- container end -->

<script type="text/javascript">

$(function() {
	var options = {
	    zoomWidth: 400,
	    zoomHeight: 352,
		xOffset: 10,
		yOffset: 0,
	    showEffect:'show',
		hideEffect:'fadeout',
		fadeoutSpeed: 'slow',
		
		position: "right" //and MORE OPTIONS
	};

	$(".jqzoom").jqzoom(options);
});
</script>
</body>
</html>


